{extend name="public:penbase" /}
{block name="content"}
<div class="weui-tab__panel" style="background: #fff">
    <!-- Swiper -->
    <div class="swiper-container" style="height:150px">
        <div class="swiper-wrapper">
            {volist name="slide" id="image"}
                <a href="{$image.pc_url}" class="swiper-slide" style="background-image: url('IMG_ROOT{$image.image|resize=400}')">
                    <div class="text">{$image.title}</div>
                </a>
            {/volist}
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <a class="weui-cell weui-cell_access hot" href='{:url("article/getartlist")}'>
        <div class="weui-cell__hd">
            <div class="hot-l">
                <span>最新<b>热点</b></span>
                <img src="__PUBLIC__/pension/images/mes-dark.png" alt="">
            </div>
        </div>
        <div class="weui-cell__bd">
            <p class="hot-text">{$art1.title}</p>
        </div>
        <div class="weui-cell__ft"></div>
    </a>
    <ul class="top-menu">
        <li>
            <a href="{:url('/mobile')}">
                <div class="circle orange">
                    <span class="icon top-home  "></span>
                </div>
                <p>商城首页</p>
            </a>
        </li>
        <li>
            <a href="{:url('category/index')}">
                <div class="circle blue">
                    <span class="icon top-search  "></span>
                </div>
                <p>分类查询</p>
            </a>
        </li>
        <li>
            <a href="{:url('cart/index')}">
                <div class="circle yellow">
                    <span class="icon top-shopping-car "></span>
                </div>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="{:url('user/index')}">
                <div class="circle pink">
                    <span class="icon top-user "></span>
                </div>
                <p>个人中心</p>
            </a>
        </li>
    </ul>
    <div class="ad">
        <div class="l-ad">
            <a href="#" class="ad-img" style="background-image: url(__PUBLIC__/pension/images/ad1.jpg)"></a>
        </div>
        <div class="r-ad">
            <div class="r-ad-in" style="padding-bottom: 2px;">
                <a href="#" class="ad-img" style="background-image: url(__PUBLIC__/pension/images/ad2.jpg)"></a>
            </div>
            <div class="r-ad-in">
                <a href="#" class="ad-img" style="background-image: url(__PUBLIC__/pension/images/ad3.jpg)"></a>
            </div>
        </div>
    </div>
    {include file="public/pensearch" /}

    <div class="pro-list-container">
        <ul>
            {volist name="list" id="goods"}
            <li>
                <a href="{:url('goods/detail',array('id'=>$goods['goods_id']))}">
                    <div class="pro-img" style="background-image: url('IMG_ROOT{$goods.image|resize=250,250}')"></div>
                    <p class="title">{$goods.name}</p>
                    <p class="price">
                        金额：{$goods.price}
                        <span class="shopping-car"></span>
                    </p>
                </a>
            </li>
            {/volist}
        </ul>
        <div class="clear"></div>
    </div>
</div>

<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
        },
        autoplay: true
    });
</script>

{/block}
